// 登录页面和注册页面的切换
// 去注册
const goRegister=document.querySelector('.goRegister');
// 去登录
const goLogin=document.querySelector('.goLogin');
// 注册页面
const register=document.querySelector('.register');
// 登录页面
const login=document.querySelector('.login');
// 注册页面的收集
const rusername=register.querySelector('[name="username"]');
const rpassword=register.querySelector('[name="password"]');
// 登录页面的收集
const lusername=login.querySelector('[name="username"]');
const lpassword=login.querySelector('[name="password"]');




// 注册页面
goRegister.addEventListener('click',function () {
    login.style.display='none';
    register.style.display='block'
})

// 登录页面
goLogin.addEventListener('click',function () {
    login.style.display='block';
    register.style.display='none'
})

// 注册功能
// 引入插件  做表单验证
function test() {
    return {
      // fields固定写死
      fields: {
        // 需要进行验证的表单中的某个表单元素的name属性值
        username: {
          // 这里username是 input 的name属性值，表示对这个输入框进行验证
          validators: {
            // 添加真正的校验规则
            notEmpty: {
              //不能为空
              message: '用户名不能为空.' // 如果不满足校验规则，则给出这句提示
            },
            // 输入的字符串的长度校验
            stringLength: {
              //检测长度
              min: 2, // 最少2位
              max: 15, // 最多15位
              message: '用户名需要2~15个字符'
            }
          }
        },
        password: {
          validators: {
            notEmpty: {
              message: '密码不能为空'
            },
            stringLength: {
              //检测长度
              min: 6,
              max: 15,
              message: '密码需要6~15个字符'
            }
          }
        }
      }
    }
  }

// 添加事件要用 插件提供的接口
// 登录
$('.login form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault()  ;
    // 收集数据
    // console.log(lusername.value,lpassword.value);
    // 发请求
    axios({
        url:'/api/login',
        method:'POST',
        data:{username:lusername.value,password:lpassword.value}
    }).then(res=>{
        console.log(res);
        //正确的响应分两种情框 1 0
        if(res.data.code==1){
            toastr.warning(res.data.message);   
        }if(res.data.code==0){
            // 注册成功去登录
            toastr.success(res.data.message);
            //这里需要一个 身份验证 放到本地存储
            localStorage.setItem('lzs_55',res.data.token)
            location.href='./index.html'
        }
    })
});
// 注册
$('.register form').bootstrapValidator(test()).on('success.form.bv', function(e) {
    e.preventDefault()  ;
    // 收集数据
    // console.log(rusername.value,rpassword.value);
    axios({
        url:'/api/register',
        method:'POST',
        data:{username: rusername.value,
            password:rpassword.value}
    }).then(res=>{
        // console.log(res);
        // 正确的响应  有两种了解过
    //  0 1
        if(res.data.code==1){
            toastr.warning(res.data.message);   
        }if(res.data.code==0){
            // 注册成功去登录
            toastr.success(res.data.message);
            goLogin.click();
        }
    })
});